iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
2

昨天寫了點介紹,今天這篇就放一個之前寫的範本吧!

卡片標題

feature - 決鬥獎勵

卡片內容

  • Android UI 組件使用:ConstraintLayout + SeekBar + ImageView
  • 功能描述
    • 僅在女神決鬥中顯示
    • 需要緩存並計算玩的場次次數
    • 玩滿 10 場後,可利用 duelRewardDbid兌換獎勵
    • 兌換完畢,刷新獎勵資料,並重置玩的場次次數
  • 設計理念
    • 畫面使用 ConstraintLayout + SeekBar + ImageView 處理,SeekBar 負責顯示目前累積的遊玩次數,ImageView 負責顯示目前獎勵照片。
    • 利用緩存記錄使用者遊玩次數,載入畫面時讀取緩存 DuelCount ,同時在遊玩後增加次數並更新緩存 DuelCount ,離開頁面時再次保存
    • 當達到滑滿 10 場時,呼叫 fetchDuelBonus 獲取獎勵,並且呼叫 fetchRegisterDuelBonus 重新登記獎勵,並將緩存次數歸零
  • 使用的 API
    • fetchDuelBonus 兌換獎勵
    • fetchRegisterDuelBonus 獲取獎勵資料
  • 遇到的困難(箭頭右方為解法)
    • seekBar 要固定,不能移動 → 設定 setOnTouchListener 為 true,鎖住 SeekBar
    • ImageView 要跟著 SeekBar 的 progress 移動 → 外面包一層 ConstraintLayout 利用 setHorizontalBias 和玩的次數去算出 ImageView 現在的位置,因為是 % 的緣故,所以不用擔心機型跑版的問題
  • 可以改善的地方
    • 滑滿 10 場後,可新增小動畫,增加使用者對於「得到獎勵」的印象
  • 參考資料

希望今天提供了一個範本給大家參考,對於昨天的說明會更清楚!接著就來講講週報的部分啦!那麼,明天見啦!


上一篇
[Day14] 專案管理 - 卡片式管理介紹篇
下一篇
[Day16] 專案管理 - 週報介紹篇
系列文
從 RD 到 PM 的奇妙旅程 - 陪伴我成長的心法與工具整理集30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言